<template>
  <div class="login">
    <div class="return" @click="$router.back()">
      <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 48 48"
        fill="rgba(255, 255, 255, 1)">
        <path d="M0 0h48v48H0z" fill="none" />
        <path d="M40 22H15.66l11.17-11.17L24 8 8 24l16 16 2.83-2.83L15.66 26H40v-4z" />
      </svg>
    </div>
    <div class="img">
      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"
        version="1.1">
        <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
        <title>Shape</title>
        <desc>Created with Sketch.</desc>
        <defs />
        <g id="Templates-模板页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
          <g id="手机号登录" transform="translate(-636.000000, -524.000000)" fill-rule="nonzero" fill="#1890FF">
            <g id="Group-4" transform="translate(536.000000, 228.000000)">
              <path
                d="M105.400104,309.512574 C105.1168,309.740574 104.813148,310.073443 104.724974,310.496574 C104.604974,311.074661 104.69993,311.798313 105.25767,312.365965 C105.933322,313.054139 106.960104,313.242487 107.403583,313.274835 C108.608278,313.361965 109.892278,312.764574 110.860104,312.083183 C111.239409,311.81553 111.888974,311.278139 112.509843,310.449096 C111.118365,309.730661 109.381496,308.936052 107.524626,309.013791 C106.576104,309.053443 105.8968,309.250139 105.400104,309.512574 Z M123.045217,312.689391 C123.659304,311.247826 124,309.663304 124,308 C124,301.383304 118.617217,296 112,296 C105.382783,296 100,301.383304 100,308 C100,314.617217 105.382783,320 112,320 C115.993391,320 119.534957,318.037739 121.717913,315.028348 C119.655478,314.00313 116.256348,312.315826 114.162609,311.294783 C113.163478,312.433739 111.686435,313.575304 110.017913,314.072 C108.969739,314.383478 108.02487,314.502435 107.036696,314.300522 C106.058435,314.100174 105.337913,313.642087 104.917913,313.182957 C104.704,312.948696 104.458261,312.650783 104.280348,312.296522 C104.297043,312.341391 104.308522,312.368 104.308522,312.368 C104.308522,312.368 104.206261,312.191652 104.128,311.910957 C104.087826,311.775304 104.060696,311.633913 104.049739,311.485739 C104.041391,311.388696 104.039304,311.286435 104.045043,311.18 C104.036174,310.999478 104.043478,310.810087 104.084174,310.616 C104.182261,310.141739 104.384696,309.589217 104.908522,309.076348 C106.058435,307.950435 107.598609,307.889913 108.396348,307.894609 C109.578087,307.901391 111.631652,308.418435 113.360696,309.029913 C113.839652,308.009913 114.146957,306.918957 114.345217,306.191652 L107.155652,306.191652 L107.155652,305.414261 L110.847478,305.414261 L110.847478,303.859478 L106.378261,303.859478 L106.378261,303.082087 L110.847478,303.082087 L110.847478,301.527826 C110.847478,301.314435 110.889739,301.13913 111.236174,301.13913 L112.985043,301.13913 L112.985043,303.082087 L117.843478,303.082087 L117.843478,303.859478 L112.985043,303.859478 L112.985043,305.414261 L116.871478,305.414261 C116.871478,305.414261 116.481217,307.589913 115.26087,309.734261 C117.969217,310.701565 121.779478,312.191652 123.045217,312.689391 Z"
                id="Shape" />
            </g>
          </g>
        </g>
      </svg>
    </div>
    <div class="hr"></div>
    <div class="text">登陆后将获得以下权限</div>
    <div class="text">获得你的公开信息（昵称、头像、地区及性别）</div>
    <van-button round block to="">登录</van-button>
  </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.login {
  height: 100%;
  background-size: 100%;
}

.return {
  margin-left: 52px;
  margin-top: 41px;

  svg {
    width: 55px;
    height: 55px;
  }
}

.login::after {
  content: "";
  background: url('@/images/cake01.jpg') no-repeat;
  background-size: 100%;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}



.img {
  svg {
    width: 128px;
    height: 128px;

  }

  margin-left: 311px;
  margin-top: 167px;

}

.hr {
  width: 542px;
  height: 2px;
  margin-left: 90px;
  margin-top: 114px;
  color: rgba(80, 80, 80, 1);
  background-color: rgba(153, 153, 153, 1);
  font-size: 28px;
  line-height: 150%;
  text-align: center;
}

.text {
  height: 42px;
  margin-left: 90px;
  margin-top: 34px;
  color: rgba(56, 56, 56, 1);
  font-size: 28px;
  line-height: 150%;
  text-align: left;
}

.van-button {
  width: 95%;
  height: 80px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 141, 26, 1);
  border-radius: 11px;
  font-size: 40px;
  line-height: 150%;
  margin: 70px auto;

}
</style>